<!DOCTYPE html>
<html lang=en>
	<html>

	<head>
		<title>大数据</title>
		<meta charset=UTF-8>
		<meta http-equiv=X-UA-Compatible content="IE=edge">
		<link rel="shortcut icon" href="/favicon.ico">
		<link rel=bookmark href="/favicon.ico" type=image/x-icon>
		<link rel=stylesheet href="css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/style.css" />
		<link rel="stylesheet" type="text/css" href="../css/style2.css" />
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>

		<div class=wrap id=wrap>
			<div class=wrapper>

				<div class=page_wp id=page_wp>
					<div class="page page_1"><span class="page_bg scale_box"></span>
						<div class=img_box><img src="" alt=""></div>
						<div class="txt_box scale_box" style="height:100%;width: 100%;margin-top: 0px;">
							<div class="visual_box col-xs-12" style="height:33%;width: 100%;margin-top: 0px;">
								<div class="visual_title">
									<span>各地市办结量</span>
									<img src="../images/ksh33.png">
								</div>
								<div class="visual_chart" id="main1" style="height:100%;width: 100%;">

								</div>
							</div>

							<div class="visual_box col-xs-12" style="height:33%;width: 100%;margin-top: 33%;">
								<div class="visual_title">
									<span>月累计办结量</span>
									<img src="../images/ksh33.png">
								</div>
								<div class="visual_chart" id="main2" style="height:calc(100% - 35px);">

								</div>
							</div>
						</div>
					</div>
					<div class="page page_2"><span class="page_bg scale_box"></span>
						<div class=img_box><img src="" alt=""></div>
						<div class="txt_box scale_box" style="height:100%;width: 100%;">
							<div class="visual_box col-xs-12" style="height:33%;width: 100%;">
								<div class="visual_title">
									<span>办结办理指数</span>
									<img src="../images/ksh33.png">
								</div>
								<div class="visual_chart sfzcll">
									<h5 style="display: flex;justify-content: space-between;">
					<a>类型</a>
					<a>具体数据</a>
				</h5>

									<div class="sfzcll_pos_box">
										<div class="sfzcll_box" style="display: flex;justify-content: space-between;height: 25px;width: 100%;">

											<label id="banjie" style="color: #337ab7;">
							
						</label>
											<div class="sfzcll_smallBk">
												<div class="ygl" id="banjieVal" style="color: #337ab7;">

												</div>
											</div>

										</div>
										<div class="sfzcll_box" style="display: flex;justify-content: space-between;height: 25px;width: 100%;">

											<label id="zongbanli" style="color: #337ab7;"></label>
											<div class="sfzcll_smallBk">
												<div class="ygl" id="zongbanliVal" style="color: #337ab7;">

												</div>
											</div>

										</div>
										<div class="sfzcll_box" style="display: flex;justify-content: space-between;height: 25px;width: 100%;">

											<label id="zongbanjie" style="color: #337ab7;"></label>
											<div class="sfzcll_smallBk">
												<div class="ygl" id="zongbanjieVal" style="color: #337ab7;">

												</div>
											</div>

										</div>
									</div>

								</div>
							</div>
							<div class="visual_box col-xs-12" style="height:33%;width: 100%;margin-top: 33%;">
								<div class="visual_title">
									<span>前十问题及数据</span>
									<img src="../images/ksh33.png">
								</div>
								<div class="swiper-container visual_swiper1 visual_chart">
									<div class="swiper-wrapper">
										<div class="swiper-slide" id="main3" style="height:100%;"></div>
										<div class="swiper-slide" id="main31" style="height:100% ;"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="page page_3"><span class="page_bg scale_box"></span>
						<div class=img_box><img src="" alt=""></div>
						<div class="txt_box scale_box" style="height:100%;width: 100%;">
							<div class="visual_con" style="width: 100%;">
								<div class="visual_conBot" style="width: 100%;">
									<div class="visual_chart_text text-center" style="width: 100%;">
										<h2>辽宁省大数据分析平台</h2>
									</div>
									<div class="visual_chart" id="main8"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="page page_4"><span class="page_bg scale_box"></span>
						<div class=img_box><img src="" alt=""></div>
						<div class="light_wp scale_box"><span class=light_box><i class=light_1></i> <i class=light_2></i> <i class=light_3></i> <i class=light_4></i> <i class=light_5></i></span></div><span class="meteor_box scale_box"></span>
						<div class="txt_box scale_box"style="height:100%;">
							<div class="visual_box visualSfzsfl col-xs-12" style="height:33%;width: 100%;">
								<div class="visual_title" style="width: 100%;">
									<span>各城市办理量</span>
									<img src="../images/ksh33.png">
								</div>
								<div class="visual_chart" id="main9" style="height:calc(100% - 35px);">

								</div>

							</div>

							<div class="visual_box col-xs-12" style="height:33%;width: 100%;margin-top: 33%;">
								<div class="visual_title" style="width: 100%;">
									<span>月累计办理量</span>
									<img src="../images/ksh33.png">
								</div>
								<div class="swiper-slide" id="main4" style="height:calc(100% - 35px);"></div>
								<div class="swiper-container visual_swiper2 visual_chart" style="display: none;">
									<div class="swiper-wrapper">

										<div class="swiper-slide" id="main41" style="display: none;"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="star_wp scale_box" id=star_wp><span class=star_bg></span> <span class=star_box></span></div><canvas id=canvas></canvas>

				<div class=btn_control id=btn_control>
					<a href=javascript:; class=cur></a>
					<a href=javascript:;></a>
					<a href=javascript:;></a>
					<a href=javascript:;></a>
				</div>
				<div class=footer>
					<div class=foot>
						<p>8890大数据服务平台</div>
				</div>
			</div>
		</div>
		<script src="./js/vendors.js"></script>
		<script src="./js/index.js"></script>

		<script src="../js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/china.js"></script>
		<script src="../js/liaoling.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/visual.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/chartMap.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//			交通流量
			var myChart1 = echarts.init(document.getElementById('main1'));
			//						myChart1.setOption(option1);
			//			交通工具流量
			var myChart2 = echarts.init(document.getElementById('main2'));
			//			myChart2.setOption(option2);
			//本月发生事件
			var myChart3 = echarts.init(document.getElementById('main3'));
			//			myChart3.setOption(option3);
			var myChart31 = echarts.init(document.getElementById('main31'));

			var mySwiper1 = new Swiper('.visual_swiper1', {
				autoplay: true, //可选选项，自动滑动
				speed: 800, //可选选项，滑动速度
				autoplay: {
					delay: 5000, //1秒切换一次
				},
			})

			var myChart8 = echarts.init(document.getElementById('main8'));
			myChart8.setOption(option8);
			//			window.onresize = myChart8.resize;
			//收费站收费量
			var myChart9 = echarts.init(document.getElementById('main9'));
		</script>
	</body>

	</html>
	<!--[if IE 6]>
<script type="text/javascript" src="http://static.webgame.kanimg.com/com/DD_PNG_min.js"></script>
<script type="text/javascript">
	var links=document.getElementsByTagName("a");
	for(var i=0,l=links.length;i<l;i++){
		links[i].setAttribute("hideFocus",true);
	}
</script>
<![endif]-->